<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> 一号店内容详情页 </title>
    <link rel="stylesheet" href="./css/detail.css">
    <link rel="stylesheet" href="../lib/font/css/font-awesome.min.css">
</head>
<body>
    <!-- 页头 -->
    <div class="head">
        <div class="header">
            <span class="left">送货至：四川</span>
            <span class="right">
                 <a href="loginpage.html">你好，请登录</a>
                 <a href="registerpage.html" class="se">免费注册</a>
                 <a href=""> |  我的订单 </a>
                 <a href=""> | 收藏夹 </a>
                 <a href=""> 客户服务</a>
                 <a href="">网站导航 |</a>
                 <span>关注我们：</span>
                 <img src="./images/sh1.png" alt="">
                 <img src="./images/sh2.png" alt="">
                 <a href="">手机版</a>
                 <i class="fa fa-mobile"></i>
             </span>

        </div>
        <div class="content">
            <div class="image">
                  <img src="./images/loginlogo.jpg" alt="">
            </div>
            <div class="search1">
                <div class="search">
                    <input type="text" placeholder="请输入关键字">
                    <div class="btn">
                        <i>搜索</i>
                    </div>
                </div>
                <p> 咖啡 iphone 6S 新鲜美食 蛋糕 日用品 连衣裙</p>
            </div>
            <button class="shopping-cart">
                <img src="./images/cars.png" alt="">
                <span>购物车</span>
            </button>
        </div>
        <div class="title">
            <h3>全部商品分类</h3>
            <ul>
                <li class="se">首页</li>
                <li class="se">自营超市</li>
                <li>一号团</li>
                <li>一号超市</li>
                <li>女装</li>
                <li>美妆</li>
                <li>一号海购</li>
                <li>团购</li>
            </ul>
            <span>
                <img src="./images/nav9.png" alt="">
                <a href=""> 手机下单惊喜多多！</a>
            </span>
        </div>


    </div>
    <!-- 主体 -->
    <div class="container">
        <!-- 内容上半部分 -->
        <div class="top">
            <span>所有团购</span>
            <i class="fa fa-angle-right"></i>
            <span>包饰</span>
            <i class="fa fa-angle-right"></i>
            <span>珠韵首饰</span>
            <span class="se">冰韵 天然正圆白色s925银扣珍珠项链</span>
        </div>
        <div class="image">
            <img src="./images/ps1.jpg" alt="">
        </div>
        <div class="content">
            <h3>冰韵 天然正圆白色s925银扣珍珠项链</h3>
            <p>全国包邮  正品好货 送妈妈  天然正圆白色s925银扣佩戴方便</p>
            <span>本店价格：</span><i class="se">￥1786</i><br>
            <span>参考价：3866 </span><br>
            <div class="size">
                <a >尺码</a>
                <span>43cm</span>
                <span>45cm</span>
                <span>50cm</span>
            </div>
            <div class="color">
                <a >颜色选择：</a>
                <span>白色</span>
                <span>粉色</span>
            </div>
            <div class="share">
                <span> 
                    <img src="./images/sh.png" alt="">
                     分享
                     <div class="fx">
                        <img src="./images/sh_1.gif" alt="">
                        <img src="./images/sh_2.gif" alt="">
                        <img src="./images/sh_3.gif" alt="">
                        <img src="./images/sh_4.gif" alt="">
                        <img src="./images/sh_5.gif" alt="">
                    </div>
                </span>
                
                <i> <img src="./images/heart_h.png" alt=""> 关注商品</i>
            </div>
            <div class="count">
                <span>1</span>
            </div>    
            <div class="box">  
                <img src="./images/jia.gif" alt="" class="jia">
                <img src="./images/jian.gif" alt="" class="jian">
            </div>
            <img src="./images/j_car.png" alt="">

        </div>
        <div class="info">
            <img src="./images/sbrand.jpg" alt="">
            <button>
               <span>进入品牌专区</span> 
            </button>

        </div>
        <!-- 内容主体 -->
        <div class="more">
            <div class="title">
                <span>用户还喜欢</span>
            </div>
            <div class="images">
                <img src="./images/his_1.jpg" alt="">
                <p>可爱儿童日本书包减负护脊</p>
                <span>￥599</span>
            </div>
            <div class="images">
                <img src="./images/his_5.jpg" alt="">
                <p>淡水珍珠项链</p>
                <span>￥1899</span>
            </div>
            <div class="images">
                <img src="./images/his_2.jpg" alt="">
                <p>可爱儿童日本书包减负护脊</p>
                <span>￥699</span>
            </div>
            <div class="images">
                <img src="./images/his_3.jpg" alt="">
                <p>珍珠项链</p>
                <span>￥1109</span>
            </div>
            <div class="images">
                <img src="./images/his_4.jpg" alt="">
                <p>精美耳钉</p>
                <span>￥599</span>
            </div>


        </div>
        <div class="main-content">
            <div class="mix">
                <div class="title">
                    <span>推荐搭配</span>
                </div>
                <div class="image">
                    <img src="./images/mat_1.jpg" alt="">
                    <span>粤通国际珠宝  999足金</span><br>
                    <input type="checkbox">
                    <label for=""> ￥76</label>
                </div>
                <div class="jia">
                    <img src="./images/jia_b.gif" alt="">
                </div>
                <div class="image">
                    <img src="./images/mat_2.jpg" alt="">
                    <span>珍珠项链</span><br>
                    <input type="checkbox">
                    <label for=""> ￥1890</label>
                </div>
                <div class="jia">
                    <img src="./images/jia_b.gif" alt="">
                </div>
                <div class="image">
                    <img src="./images/mat_3.jpg" alt="">
                    <span>粤清新耳环</span><br>
                    <input type="checkbox">
                    <label for=""> ￥232</label>
                </div>
                <div class="jia">
                    <img src="./images/equl.gif" alt="">
                </div>
                <div class="equal">
                    <span> 套餐价：￥2000</span>
                    <input type="text" placeholder="    1">
                   <img src="./images/z_buy.gif" alt="">

                </div>

            </div>
            <div class="attribute">
                <div class="title">
                    <span>商品属性</span>
                    <span>商品详情</span>
                    <span>商品评论</span>

                </div>
                <div class="contents">
                    <div class="min">
                        <p>商品名称：天然淡水珍珠</p>
                        <p>商品毛重：160.00g</p>
                        <p>镶嵌材质：纯银</p>                          
                    </div>
                    <div class="min">
                        <p>商品编号：1546211</p>
                        <p>商品款式：项链</p>
                        <p>产地：法国</p>                          
                    </div>
                    <div class="min">
                        <p>品牌：珠韵首饰</p>
                        <p>珍珠形状：正圆</p>               
                    </div>
                    <div class="min">
                        <p>上架时间：2015.11.11</p>               
                    </div>

                </div>
            </div>
            <div class="image">
                <div class="title">
                    <span>商品详情</span>
                </div>
                <img src="./images/de2.jpg" alt="">
                <img src="./images/de3.jpg" alt="">
                <img src="./images/de4.jpg" alt="">
                <img src="./images/de5.jpg" alt="">
                <img src="./images/de6.jpg" alt="">
                <img src="./images/de7.jpg" alt="">
                <img src="./images/de8.jpg" alt="">
                

            </div>
            <div class="discuss">
                <div class="title">
                    <span>商品讨论</span>
                </div>
                <div class="discussion">
                    <div class="left">
                        <span>80.0%</span><br>
                        <p>好评度</p>
                    </div>
                    <div class="center">
                        <span>好评80%</span><img src="./images/pl.gif" alt=""><br>
                        <span>中评20%</span><img src="./images/pl.gif" alt=""><br>
                        <span>差评0%     </span><img src="./images/pl.gif" alt="">
                    </div>
                    <div class="center1">
                        <p>购买过珠韵珠宝的天然珍珠银扣项链的亲，可以收到货后在评论区发表您对珠宝的评论</p>
                    </div>
                    <div class="right">
                        <span>您可以对购买商品进行评价</span><br>
                        <img src="./images/btn_jud.gif" alt="">
                    </div>

                </div>
                <div class="people">
                    <div class="left">
                        <img src="./images/peo1.jpg" alt="">
                        <span>向死而生</span>
                    </div>
                    <div class="center">
                        <span>颜色分类:</span> <span class="min">粉色</span><br>
                        <span>型号:</span>  <span class="min"> 43cm</span> 
                    </div>
                    <div class="right">
                        <span>产品很好，香味很喜欢</span><br>
                        <p class="min"> 2016.09.02</p>
                    </div>

                </div>
                <div class="people">
                    <div class="left">
                        <img src="./images/peo2.jpg" alt="">
                        <span>就是这么想的</span>
                    </div>
                    <div class="center">
                        <span>颜色分类:</span> <span class="min">银色</span><br>
                        <span>型号:</span>  <span class="min"> 45cm</span> 
                    </div>
                    <div class="right">
                        <span>送朋友，她很喜欢，大爱</span><br>
                        <p class="min"> 2017.02.08</p>
                    </div>

                </div>
                <div class="people">
                    <div class="left">
                        <img src="./images/peo3.jpg" alt="">
                        <span>群众演员</span>
                    </div>
                    <div class="center">
                        <span>颜色分类:</span> <span class="min">粉色</span><br>
                        <span>型号:</span>  <span class="min"> 43cm</span> 
                    </div>
                    <div class="right">
                        <span>大家都说不错</span><br>
                        <p class="min"> 2017.11.02</p>
                    </div>

                </div>
                <div class="people">
                    <div class="left">
                        <img src="./images/peo4.jpg" alt="">
                        <span>寻找孤寂已久的阳光</span>
                    </div>
                    <div class="center">
                        <span>颜色分类:</span> <span class="min">粉色</span><br>
                        <span>型号:</span>  <span class="min"> 50cm</span> 
                    </div>
                    <div class="right">
                        <span>下次还会来，推荐</span><br>
                        <p class="min"> 2018.04.02</p>
                    </div>

                </div>
                <div class="people">
                    <div class="button">
                        <button>上一页</button>
                        <button>1</button>
                        <button>2</button>
                        <button>3</button>
                        <a href=""> ......</a>
                        <button>20</button>
                        <button>下一页</button>

                    </div>

                </div>

            </div>

        </div>
    </div>
    <!-- 页尾 -->
    <div class="foot">
        <div class="images">
            <div class="image">
                <img src="./images/b1.png" alt=""> 
                <span class="bold">正品保障</span><br>
                <span>正品行货  放心购买</span>
            </div>
            <div class="image">
                <img src="./images/b2.png" alt=""> 
                <span class="bold">满38包邮</span><br>
                <span>满38包邮  免邮费</span>
            </div>
            <div class="image">
                <img src="./images/b3.png" alt=""> 
                <span class="bold">天天低价</span><br>
                <span>天天低价  畅选无忧</span>
            </div>
            <div class="image">
                <img src="./images/b4.png" alt=""> 
                <span class="bold">准时送达</span><br>
                <span>收货时间由你做主</span>
            </div>

        </div>
        <div class="content">
            <div class="about">
                <div class="about1">
                    <dl>
                        <dt>新手上路</dt>
                        <dd>售后流程</dd>
                        <dd>购物流程</dd>
                        <dd>订货方式</dd>
                        <dd>隐私声明</dd>
                        <dd>推荐分享说明</dd>
                    </dl>                  
                </div>
                <div class="about1">
                    <dl>
                        <dt>配送与支付</dt>
                        <dd>货到付款区域</dd>
                        <dd>配送支付查询</dd>
                        <dd>支付方式说明</dd>
                    </dl>
                </div>
                <div class="about1">
                    <dl>
                        <dt>会员中心</dt>
                        <dd>资金管理</dd>
                        <dd>我的收藏</dd>
                        <dd>我的订单</dd>
                    </dl>
                </div>
                <div class="about1">
                    <dl>
                        <dt>服务保障</dt>
                        <dd>退换货原则</dd>
                        <dd>售后服务保证</dd>
                        <dd>产品质量保证</dd>
                    </dl>
                </div>
                <div class="about1">
                    <dl>
                        <dt>联系我们</dt>
                        <dd>网站故障报告</dd>
                        <dd>购物咨询</dd>
                        <dd>投资与建议</dd>
                    </dl>
                </div>
            </div>
            <div class="code">
                <div class="image">
                    <img src="./images/er.gif" alt="" class="er-code">
                    <p>扫一扫关注我们</p>

                </div>
                <div class="image1">
                    <img src="./images/b_sh_1.png" alt=""> <span>新浪微博</span>
                    <img src="./images/b_sh_2.png" alt=""> <span>腾讯微博</span>
                    <p>服务热线</p>
                    <i>400-123-4567</i>

                </div>

            </div>

        </div>
        <div class="footer">
            <p>沪ICP备13044278号  营业执照 沪ICP备13044278号  营业执照 沪ICP备13044278号  营业执照 沪ICP备13044278号  营业执照 </p>
            <img src="./images/b_1.gif" alt="">
            <img src="./images/b_2.gif" alt="">
            <img src="./images/b_3.gif" alt="">
            <img src="./images/b_4.gif" alt="">
            <img src="./images/b_5.gif" alt="">
            <img src="./images/b_6.gif" alt="">
        </div>

    </div>
</body>
</html>